<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>table表格</title>
	</head>
	<body>
		<!--border:边宽的宽度
			cellspacing：单元格之间的间距
			cellpadding：单元格的内边距
			table：最外层的表格
			tr：行（row）
			th：表头的单元格	
			td：单元格
			thead：表头，渲染再table的顶部
			tfoot：表尾，渲染再table的底部
			tbody：表的主体部分
		-->
		<!--td包含的属性：
			rowspan：行合并，向下合并，表示占据多少行
			colspan：列合并，向右合并，表示占据多少列
			align:单元格的内容，水平对齐方式  默认left。middle、right。
			valign：单元格的内容，垂直对齐方式，默认middle。top、bottom。
			
		-->
		<table border="2" cellspacing="10" cellpadding="5">
			<!--控制列-->
			<!--以列为组
				<col/> 代表列，可以控制col来控制表格的所有列
				span属性 表示控制多少列，从本列开始。
			-->
			<colgroup>
				<col />
				<col style="background-color: red; " span="2"/>
			</colgroup>
			<thead>
				<tr>
				<th>姓名</th>
				<th>年龄</th>
				<th>班级</th>
			</tr>
			</thead>
			<tbody>
				<tr>
				<td>张三</td>
				<td>18</td>
				<td rowspan="2">020班</td>
			</tr>
			<tr>
				<td>李四</td>
				<td>19</td>
			</tr>
			</tbody>
			<tfoot>
				<tr>
					<th>人数</th>
					<td colspan="2">2人</td>
				</tr>
			</tfoot>
			</table>
			<table border="1" cellspacing="10" cellpadding="10">
				<tr>
					<th colspan="2">a</th>
					<td rowspan="2">b</td>
				</tr>
				<tr>
					<td rowspan="2">c</td>
					<td>d</td>
				</tr>
				<tr>
					<td colspan="2">e</td>
				</tr>
			</table>
			
		
	</body>
</html>
